<style type="text/css">
	header{
		display:none;
	}
	section{
		margin-top:0;
	}
	#xinxian_top{
		width:10rem;
		height:1.40625rem;
		background-color:#f9fafd;
		font-size:0.46875rem;
		text-align:center;
		line-height:1.40625rem;
		font-weight:bold;
	}
	.hui{
		width:10rem;
		height:0.171875rem;
		background-color:#eeeef0;
	}
	.xinxian_daohang{
		width:10rem;
		height:2.15625rem;
		/*background-color:yellow;*/
		font-size:0.375rem;
		color:#898989;
	}
	.xinxian_daohang>div{
		display:flex;
		width:10rem;
		height:1.0625rem;
		display:flex;
		justify-content: center;
		align-items: center;
		
	}
	.daohang_shang{
		border-bottom: solid 0.03125rem #d1d1d1;
	}
	.color3{
		width:1.640625rem;
		height:1.0625rem;
		text-align:center;
		line-height:1.0625rem;
		border-bottom: solid 0.0625rem rgba(0,0,0,0);
		margin-right:0.3125rem;
	}
	.color2{
		border-color:rgba(0,0,0,1);
	}
	.xinxian_fruit{
		width:10rem;
		height:0.9375rem;
		display:flex;
		align-items: center;
		border-bottom: solid 4px #ccc;
	}
	.xinxian_fruit p{
		height:0.46875rem;
		border-left:#2baefe solid 0.125rem;
		margin-left:0.25rem;
		padding-left:0.3125rem;
		background-size:0.40625rem;
	}
	.xinxian_li{
		width:10rem;
		height:3.5625rem;
		/*background-color:yellow;*/
		border-bottom: solid 4px #ccc;
		display:flex;
	}
	.xinxian_left{
		width:4rem;
		height:3.5625rem;
		display:flex;
		align-items:center ;
		justify-content: center;
	}
	.xinxian_left img{
		width:2.8125rem;
		height:auto;
	}
	.xinxian_right{
		display:flex;
		flex-direction: column;
		justify-content: center;
		position:relative;
	}
	.xinxian_right img{
		height:1.09rem;
		width:1.09375rem;
		position:absolute;
		left:4.5rem;
		top:2rem;
	}
	.xinxian_right p{
		font-size:0.46875rem;
		color:#777;
		width:5.5rem;/*固定宽度*/
		white-space: nowrap;/*强制一行*/
		overflow:hidden;/*超出隐藏*/
		text-overflow: ellipsis;/*超出部分变为省略号*/
	}
	.xinxian_right div{
		font-size:0.390625rem;
		color:#777;
	}
	.xinxian_right span{
		font-size:0.5rem;
		color:#f1361d;
		font-weight:bold;
		margin-top:0.46875rem;
	}
</style>
<div id="big_xinxian">
	<div id="xinxian_top">
		新鲜预定
	</div>
	<div class="hui"></div>
	<div class="xinxian_daohang">
		<div class="daohang_shang">
			<div class="color3 color2">精选水果</div>
			<div class="color3" >直供蔬菜</div>
			<div class="color3" id="">水产海鲜</div>
			<div class="color3" id="">肉禽蛋</div>
			<div class="color3" style="margin-right:0;">乳品烘焙</div>
		</div>
		<div class="daohang_xia">
			<div class="color3" id="">熟食面点</div>
			<div class="color3" id="">粮油副食</div>
			<div class="color3" id="">酒水饮料</div>
			<div class="color3" id="">休闲零食</div>
			<div class="color3" style="margin-right:0;">整箱购物</div>
		</div>
	</div>
	<div class="hui"></div>
	<div class="xinxian_fruit">
		<p>精选水果</p>
	</div>
	<div class="xinxian_li" ng-repeat="f in xinxian">
		<div class="xinxian_left">
			<img ng-src="{{f.img}}"/>
		</div>
		<div class="xinxian_right">
			<p>{{f.name}}</p>
			<div>{{f.specifics}}</div>
			<span>￥{{f.price}}</span><img src="img/红车.png"/>
		</div>
	</div>
</div>